

  /* Layout */
      #header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}
      #header-left {width:200px;float:left}
      #header-right {width:728px;float:right}
      #main-wrapper {width:65%;float:left}
      #sidebar-wrapper {width:35%;float:right}
      body#layout ul {display:none}
      body#layout ul li {display:none}
      body#layout header {margin: 67px -90px 0;height:70px}
      body#layout nav {margin: 0 -32px 0;height: 70px;}
  /* Layout */

      #navbar-iframe
  {
      display:none !important
  }
      header,nav,section,aside,article,footer
  {
      display:block
  }
      body
  {
       background:#fafafa;
       margin:0;
       padding:0;
       color:$textcolor;
       font:x-small Georgia Serif;
       font-size:small;
       font-size:small;
       text-align:center
  }
      a:link
  {
       color:$linkcolor;
       text-decoration:none
  }
      a:visited
  {
       color:$visitedlinkcolor;
       text-decoration:none
  }
      a:hover
  {
       color:$titlecolor;
       text-decoration:underline
  }
      a img
  {
       border-width:0
  }
      #header-wrapper
  {
        margin:0 auto 0;
        color:white
  }
      #o2-bfl
  {
        width: 250px;
        height: 242px;
        z-index: 1;
        position: absolute;
        padding:5px 0;
        margin:39px 0 0 50px;
        background-color: #da6f6d;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        box-shadow: 0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        border: solid 4px #f3dcda;
        background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image: -moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image: -o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image: -ms-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image: linear-gradient(to top,rgba(255,255,255,.4),rgba(255,255,255,0));
        border: 4px solid rgb(243, 220, 218);
  }
      #o2-bfl:before
  {
        content: &#39; &#39;;
        position: relative;
        margin: -47px 0 0 30px;
        float: left;
        width: 200px;
        height: 38px;
        background-image: url(&#39;http://i1371.photobucket.com/albums/ag317/Melvin_Alfatur_Farhan/chain_zpsac807527.png&#39;);
		background-repeat:no-repeat;
  }
      #o2-hi
  {
        margin:0px auto 0 auto;
        -webkit-border-radius:0 0 20px 0;
        -moz-border-radius:0 0 20px 0;
        border-radius:0 0 20px 0;
        background-color:#da6f6d;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        border:solid 4px #f3dcda;
        background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-ms-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.4));
        width:88.1%
  }
      #o2-hi h2
  {
      display:block;
      margin:22px 0 10px 0;
      -ms-margin:22px 0 10px 0;
      -webkit-margin:22px 0 10px 0;
      -moz-margin:22px 0 10px 0;
      -o-margin:22px 0 10px 0;
      line-height:normal;
      text-transform:none;
      letter-spacing:normal
  }
  .o2-hi
  {
        position:absolute;
        margin:64px 0 0 -221px;
        background-image:url(&#39;http://i1371.photobucket.com/albums/ag317/Melvin_Alfatur_Farhan/o2-imgs_zpsdef9af3d.png&#39;);
       background-position:0px -441px;
       width:577px;
       height:338px
  }
      #o2-header
  {
       text-align:center;
       width:87.8%;
       margin:-7px auto 0 auto;
       height:500px;
       font-weight:bold;
       -webkit-border-radius:0 0 20px 20px;
       -moz-border-radius:0 0 20px 20px;
       border-radius:0 0 20px 20px;
       background-color:rgba(255,255,255,.45);
       -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
       -moz-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
       box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35)
  }
      #header
  {
       text-align:center;
       margin:0
  }
      #header h1
  {
       margin:0 0 -20px 0;
       font-size:60px;
       color:white;
       text-shadow:0 0 5px rgba(255,255,255,.7);
       font-weight:normal;
       font-family:&#39;ubuntu&#39; arial
  }
      #header a
  {
       text-decoration:none
  }
      #header .description
  {
       font-weight:normal;
       font-size:16px;
       text-shadow:0 0 5px rgba(255,255,255,.7);
       font-family:&#39;ubuntu&#39; arial;
       color:#FFF
  }
      #header img
  {
       margin-$startSide:auto;
       margin-$endSide:auto
  }
      #nav-wrapper
  {
       margin:0 auto;
  }
      #nav
  {
        text-align:center;
        width:87.9%;
        margin:20px auto 0 auto;
        height:100px;
        font-weight:bold;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        border-radius:20px;
        background-color:rgba(255,255,255,.45);
        -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
        -moz-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
        box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35)
  }
      #nav ul
  {
        height:30px;
        padding:0;
        margin:0 -12px 0 0
  }
      #nav li
  {
        font-family:&#39;ubuntu&#39; arial;
        text-align:center;
        height:32px;
        font-size:22px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        border-radius:20px;
        background-color:#da6f6d;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        border:solid 4px #f3dcda;
        background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
        list-style:none;
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        margin:31px 14px 0 0;
        padding:0;
        -o-transition:all 0.4s ease-in-out;
        -moz-transition:all 0.4s ease-in-out;
        -webkit-transition:all 0.4s ease-in-out;
        transition:all 0.4s ease-in-out
  }
      #nav li a
  {
        font-weight:normal;
        display:block;
        line-height:30px;
        text-decoration:none;
        color:#fff;
        padding:0px 12px
  }
      #nav li:hover
  {
        -webkit-box-shadow:0 0 10px rgba(218,111,109,.7),inset 0 0 10px rgba(218,111,109,.7),inset 0 0 8px rgba(218,111,109,.7);
        -moz-box-shadow:0 0 10px rgba(218,111,109,.7),inset 0 0 10px rgba(218,111,109,.7),inset 0 0 8px rgba(218,111,109,.7);
        box-shadow:0 0 10px rgba(218,111,109,.7),inset 0 0 10px rgba(218,111,109,.7),inset 0 0 8px rgba(218,111,109,.7);
        -o-transition:all 0.4s ease-in-out;
        -moz-transition:all 0.4s ease-in-out;
        -webkit-transition:all 0.4s ease-in-out;
        transition:all 0.4s ease-in-out
  }
      #o2-pn
  {
        position:absolute;
        top:525px;
        background-image:url(&#39;http://i1371.photobucket.com/albums/ag317/Melvin_Alfatur_Farhan/o2-imgs_zpsdef9af3d.png&#39;);
        background-position:446px -442px;
        width:204px;
        height:75px;
        right:260px;
        -o-transition:all 0.4s ease-in-out;
        -moz-transition:all 0.4s ease-in-out;
        -webkit-transition:all 0.4s ease-in-out;
        transition:all 0.4s ease-in-out
  }
      #o2-pn:hover
  {
        right:240px;
        -o-transition:all 0.4s ease-in-out;
        -moz-transition:all 0.4s ease-in-out;
        -webkit-transition:all 0.4s ease-in-out;
        transition:all 0.4s ease-in-out
  }
      #o2-pp
  {
        position:absolute;
        top:525px;
        background-image:url(&#39;http://i1371.photobucket.com/albums/ag317/Melvin_Alfatur_Farhan/o2-imgs_zpsdef9af3d.png&#39;);
       background-position:244px -442px;
       width:207px;
       height:75px;
       left:260px;
       -o-transition:all 0.4s ease-in-out;
       -moz-transition:all 0.4s ease-in-out;
       -webkit-transition:all 0.4s ease-in-out;
       transition:all 0.4s ease-in-out
  }
      #o2-pp:hover
  {
       left:240px;
       -o-transition:all 0.4s ease-in-out;
       -moz-transition:all 0.4s ease-in-out;
       -webkit-transition:all 0.4s ease-in-out;
       transition:all 0.4s ease-in-out
  }

  /* Screen 1024px */
  @media screen and (max-width: 1024px)
  {
        #o2-pn
    {
         right:100px;
    }
        #o2-pn:hover
    {
         right:72px;
    }
        #o2-pp
    {
         left:100px;
    }
        #o2-pp:hover
    {
         left:72px;
    }
  }

  /* Screen 1280px */
  @media screen and (max-width: 1280px)
  {
        #o2-pn
    {
         right:205px;
    }
        #o2-pn:hover
    {
         right:175px;
    }
        #o2-pp
    {
         left:205px;
    }
        #o2-pp:hover
    {
         left:175px;
    }
  }

  /* Normal Screen */
      #outer-wrapper
  {
       width:1024px;
       margin:0 auto;
       padding:0;
       text-align:$startSide;
       font:$bodyfont
  }
      #main-wrapper
  {
      width: 50%;
      float: left;
      margin: 0 auto;
      overflow: visible;
  }
      #o2-main
  {
      width: 97.6%;
      padding: 2%;
      margin: 4% 0 0 12.25%;
      -webkit-border-radius:20px;
      -moz-border-radius:20px;
      border-radius:20px;
      background-color:rgba(255,255,255,.45);
      -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
      -moz-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
      box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
       float:$startSide;
       word-wrap:break-word;
       overflow:hidden
  }
      #sidebar-wrapper
  {
      margin:2% 6.25% 15px 0;
       width:29.7%;
      -webkit-border-radius:20px;
      -moz-border-radius:20px;
      border-radius:20px;
      background-color:rgba(255,255,255,.45);
      -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
      -moz-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
      box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
       float:$endSide;
       word-wrap:break-word;
       overflow:hidden;
       padding:2%
  }
      #sidebar-wrapper h2
  {
       background-color:#666;
       color:white;
       padding:5px 10px;
       margin:0px 0px 10px
  }
      #sidebar-wrapper .widget-content
  {
       padding:0;
       margin:0px 10px 10px
  }
      div.TabTampil div.TTs 
  {
      height:66px
  }
       div.TabTampil div.TTs a:hover,div.TabTampil div.TTs a.Active 
  {
       -webkit-box-shadow:0 0 10px rgba(218,111,109,.7),inset 0 0 10px rgba(218,111,109,.7),inset 0 0 8px rgba(218,111,109,.7);
       -moz-box-shadow:0 0 10px rgba(218,111,109,.7),inset 0 0 10px rgba(218,111,109,.7),inset 0 0 8px rgba(218,111,109,.7);
       box-shadow:0 0 10px rgba(218,111,109,.7),inset 0 0 10px rgba(218,111,109,.7),inset 0 0 8px rgba(218,111,109,.7);
      -o-transition:all 0.4s ease-in-out;
      -moz-transition:all 0.4s ease-in-out;
      -webkit-transition:all 0.4s ease-in-out;
      transition:all 0.4s ease-in-out
  }
       div.TabTampil div.Halamans 
  {
       clear:both;
       width:287px;
       height:406px;
      color:#fafaffa;
       font-family:&#39;ubuntu&#39; arial;
       font-size:12px;
       overflow:hidden;
       margin:0 0 0 4px;
       -webkit-border-radius:20px;
       -moz-border-radius:20px;
       border-radius:0 0 20px 20px;
       background-color:#da6f6d;
       -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.4))
  }
       div.TabTampil div.Halamans div.Halaman 
  {
      height:100%;
       padding:0px;
       overflow:hidden
  }
       div.TabTampil div.Halamans div.Halaman div.Alas 
  {
      padding:3px 5px
  }
       div.TabTampil div.TTs a 
  {
      float:left;
       display:block;
       width:127px;
       text-align:center;
       padding-top:5px;
       height:35px;
       margin:0px 0 0 4px;
       text-decoration:none;
       font-family:&#39;ubuntu&#39; arial;
       font-size:24px;
       font-weight:900;
       color:#fafafa;
       -moz-border-radius:20px 0 0 20px;
       border-radius:20px 0 0 20px;
       background-color:#da6f6d;
       -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4))
  }
      h2
  {
       margin:1.5em 0 .75em;
       font:$headerfont;
       line-height:1.4em;
       text-transform:uppercase;
       letter-spacing:.2em;
       color:$sidebarcolor
  }
  .rmlink a 
  {
      background:#567856;
      color:#fff;
      padding:2px 15px 3px;
      margin:15px 0 0;
      border:0;
      float:right;
      text-decoration:none;
      border-radius:15px;
      -moz-border-radius:15px;
      -webkit-border-radius:15px;
      font-weight:bold
  }
  .rmlink a:hover 
  {
      background:#FFDD56;
      color:#000
  }
  .rmlink a:active
  {
      background:#000;
      color:#567856
  }
      h2.date-header
  {
       margin:1.5em 0 .5em
  }
  .o2-ci
  {
       position:absolute;
       width:50px;
       margin:14px 0 0 334px;
       height:50px;
       webkit-border-radius:100px;
       -moz-border-radius:100px;
       border-radius:100px;
       background-color:#da6f6d;
       -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       z-index:2;
       font-family:&#39;ubuntu&#39; arial;
       font-size:30px;
       text-align:center
  }
  .o2-ci a,a:hover
  {
       color:#fff;
       margin:0 0 0 0
  }
  .o2-eh
  {
       background:white;
       height:160px;
       width:159px;
       position:absolute;
      margin:-84px 0 0 320px;
       -webkit-border-radius:100px;
       -moz-border-radius:100px;
       border-radius:100px;
       background-color:#FAFAFA;
       border-left:solid 4px #f3dcda;
       border-top:solid 4px #fafafa;
       border-bottom:solid 4px #fafafa;
       border-right:solid 4px #fafafa;
       moz-transform:rotate(45deg);
       -webkit-transform:rotate(45deg);
       transform:rotate(45deg)
  }
  .o2-imgt{
    float: right;
    height: 120px;
    width: 120px;
    margin: 72px 0 0 322px;
    border-radius: 100px;
    overflow: hidden;
    background-color: #da6f6d;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.7), inset 0 0 10px rgba(0,0,0,.35), inset 0 0 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.7), inset 0 0 10px rgba(0,0,0,.35), inset 0 0 8px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.7), inset 0 0 10px rgba(0,0,0,.35), inset 0 0 8px rgba(0,0,0,.2);
    border: solid 4px #f3dcda;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.4));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.4));
    background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.4));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.4));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.4));
    position: absolute;
    z-index: 1;
  }
  .o2-imgt img{
    border-width: 0px;
    width: 120px;
    height: auto;
  }
  .post
  {
      margin: .5em 20px 4em;
      padding-bottom: 7em;
  }
  .post h3
  {
       margin:.25em 0 1;
       font-size:21px;
       font-weight:normal;
       line-height:1.4em;
       color:$titlecolor
  }
  .post h3 a,.post h3 a:visited,.post h3 strong
  {
       display:block;
       text-decoration:none;
      color:#fff
  }
  .post h3 strong,.post h3 a:hover
  {
      color:#fff
  }
  .post-title
  {
      font-family:&#39;ubuntu&#39; arial;
      text-align:center;
      color:#fff;
      font-size:21px;
      width:387px;
      padding:2px 5px 4px 5px;
      margin-bottom:15px;
      -webkit-border-radius:20px;
      -moz-border-radius:20px;
      border-radius:20px;
      background-color:#da6f6d;
      -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
      -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
      box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
      border:solid 4px #f3dcda;
      background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
      background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
      background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
      background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
      background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4))
      -o-transition:all 0.5s ease-in-out;
      -moz-transition:all 0.5s ease-in-out;
      -webkit-transition:all 0.5s ease-in-out;
      transition:all 0.5s ease-in-out;
  }
  .post-title:hover{
      -moz-border-radius: 0 20px 0 20px;
      -webkit-border-radius: 0 20px 0 20px;
      border-radius: 0 20px 0 20px;
      -o-transition:all 0.5s ease-in-out;
      -moz-transition:all 0.5s ease-in-out;
      -webkit-transition:all 0.5s ease-in-out;
      transition:all 0.5s ease-in-out;
  }
  .post-body
  {
      font-family:&#39;calibri&#39;arial;
      font-size:14px;
      color:#fff;
      padding:12px;
      width:80.6%;
      height:124px;
      -webkit-border-radius:20px;
      -moz-border-radius:20px;
      border-radius:20px;
      background-color:#da6f6d;
      -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
      -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
      box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
      border:solid 4px #f3dcda;
      background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
      background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
      background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
      background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
      background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4))
  }
  .post-body blockquote
  {
       line-height:1.3em
  }
  .post-footer
  {
       margin:1.75em 0;
       color:$sidebarcolor;
       text-transform:uppercase;
       letter-spacing:.1em;
       font:$postfooterfont;
       line-height:1.4em
  }
  .comment-link
  {
       margin-$startSide:.6em
  }
  .post img,table.tr-caption-container
  {
      border-width:0px
  }
  .tr-caption-container img
  {
       border:none;
       padding:0
  }
  .post blockquote
  {
       margin:1em 20px
  }
  .post blockquote p
  {
       margin:.75em 0
  }
      #comments {display:none;}
      .post-comment-link { visibility: hidden; }
      #comments h4
  {
       margin:1em 0;
       font-weight:bold;
       line-height:1.4em;
       text-transform:uppercase;
       letter-spacing:.2em;
       color:$sidebarcolor
  }
      #comments-block
  {
       margin:1em 0 1.5em;
       line-height:1.6em
  }
      #comments-block .comment-author
  {
       margin:.5em 0
  }
      #comments-block .comment-body
  {
       margin:.25em 0 0
  }
      #comments-block .comment-footer
  {
       margin:-.25em 0 2em;
       line-height:1.4em;
       text-transform:uppercase;
       letter-spacing:.1em
  }
      #comments-block .comment-body p
  {
       margin:0 0 .75em
  }
  .deleted-comment
  {
       font-style:italic;
       color:gray
  }
          .comments
  {
          clear:both;
          margin-top:-51px;
          margin-bottom:0px;
          height:auto;
      padding:0 10px;
          background-color:#f4f5fd;
          -webkit-box-shadow:0px 26px 11px -18px rgba(74,73,89,0.55);
          -moz-box-shadow:0px 26px 11px -18px rgba(74,73,89,0.55);
          box-shadow:0px 26px 11px -18px rgba(74,73,89,0.55);
          background-image:-webkit-linear-gradient(bottom,#dfe5fc,rgba(244,245,253,0));
          background-image:-moz-linear-gradient(bottom,#dfe5fc,rgba(244,245,253,0));
          background-image:-o-linear-gradient(bottom,#dfe5fc,rgba(244,245,253,0));
          background-image:-ms-linear-gradient(bottom,#dfe5fc,rgba(244,245,253,0));
          background-image:linear-gradient(to top,#dfe5fc,rgba(244,245,253,0));
          overflow:hidden;
          line-height:1em;
          border-top:16px solid rgb(148,190,241)
  }
          .comments .comments-content
  {
          font-size:12px;
          margin-bottom:16px;
          font-weight:normal;
          text-align:left;
          line-height:1.4em
  }
          .comments .comment .comment-actions a
  {
          display:inline-block;
          margin:0;
          padding:1px 6px;
          border:1px solid #C4C4C4;
          border-top-color:#E4E4E4;
          border-left-color:#E4E4E4;
          color:#424242 !important;
          text-align:center;
          text-shadow:0 -1px 0 white;
          text-decoration:none;
          -webkit-border-radius:2px;
          -moz-border-radius:2px;
          border-radius:2px;
          background:#EDEDED;
          background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) );
          background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% );
          font:11px/18px sans-serif;
          padding:2px 8px;
      margin-right:10px
  }
          .comments .continue a
  {
          display:inline-block;
          margin:0;
          padding:1px 6px;
          border:1px solid #C4C4C4;
          border-top-color:#E4E4E4;
          border-left-color:#E4E4E4;
          color:#424242 !important;
          text-align:center;
          text-shadow:0 -1px 0 white;
          text-decoration:none;
          -webkit-border-radius:2px;
          -moz-border-radius:2px;
          border-radius:2px;
          background:#EDEDED;
          background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) );
          background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% );
          font:11px/18px sans-serif;
          padding:2px 8px;
      margin-right:10px
  }
       .feed-links
  {
       display:none
  }
  .sidebar
  {
       color:#fff;
       line-height:1.5em
  }
  .sidebar ul
  {
      list-style: none;
      margin: 0px 0 0;
      padding: 0 0 0;
      text-align: left;
  }
  ul.hierarchy a:link, ul.hierarchy a:visited
  {
      text-decoration:none;
      color:#fff;
      -o-transition:all 0.5s ease-in-out;
      -moz-transition:all 0.5s ease-in-out;
      -webkit-transition:all 0.5s ease-in-out;
      transition:all 0.5s ease-in-out;
  }
  ul.hierarchy ul li ul li a:hover
  {
      text-decoration:underline;
      margin-left: 10px;
  }
  .sidebar li
  {
      margin: 0;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: .25em;
      padding-left: 15px;
      text-indent: 0;
      line-height: 1.5em;
  }
  .sidebar .widget,.main .widget
  {
       margin:0 0 1.5em;
       padding:0 0 1.5em
  }
      #o2-sab
  {
       width:287px;
       height:52px;
       margin:0 0 19px 5px;
       background-color:#da6f6d;
       -webkit-border-radius:44px 44px 0 0;
       -moz-border-radius:44px 44px 0 0;
       border-radius:44px 44px 0 0;
       background-color:#da6f6d;
       -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.4))
  }
      #o2-tcc
  {
       width:80px;
       height:80px;
       position:relative;
       border-radius:100px;
       -webkit-border-radius:100px;
       -moz-border-radius:100px;
       -o-border-radius:100px;
       margin:0 auto;
       background-color:#da6f6d;
       -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(top,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(top,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4));
       background-image:-o-linear-gradient(top,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(top,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4));
       background-image:linear-gradient(to bottom,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4))
  }
      #o2-bcc
  {
       width:120px;
       height:120px;
       position:relative;
       margin:-19px 0 -107px 87px;
       background:#fbfbfb;
       border-top:4px solid #f3dcda;
       border-bottom:4px solid #f3dcda;
       border-left:4px solid #fbfbfb;
       border-right:4px solid #fbfbfb;
       -webkit-border-radius:100px;
       -moz-border-radius:100px;
       -o-border-radius:100px;
       border-radius:100px
  }
      #o2-sat
  {
       width:287px;
       height:52px;
       margin:0px 0 0 5px;
       background-color:#da6f6d;
       -webkit-border-radius:0 0 44px 44px;
       -moz-border-radius:0 0 44px 44px;
       border-radius:0 0 44px 44px;
       background-color:#da6f6d;
       -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4))
  }
      #o2-slpf
  {
       font-family:&#39;ubuntu&#39; arial;
       font-size:32px;
       text-align:center;
       color:#fff;
       width:287px;
       padding-top:5px;
       height:45px;
       background-color:#da6f6d;
       -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       -o-transition:all 0.4s ease-in-out;
       -moz-transition:all 0.4s ease-in-out;
       -webkit-transition:all 0.4s ease-in-out;
       transition:all 0.4s ease-in-out;
       margin:0px 0 14px 5px
  }
      #o2-slpf:hover
  {
       background-color:#3B589E;
       border:4px solid white;
       -o-transition:all 0.4s ease-in-out;
       -moz-transition:all 0.4s ease-in-out;
       -webkit-transition:all 0.4s ease-in-out;
       transition:all 0.4s ease-in-out
  }
      #o2-slpf a:link, #o2-slpt a:link
  {
      text-decoration:none;
      color:#fff;
  }
      #o2-slpt
  {
       font-family:&#39;ubuntu&#39;  arial;
       font-size:32px;
       text-align:center;
       color:#fff;
       width:287px;
       padding-top:5px;
       height:45px;
       background-color:#da6f6d;
       -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.4));
       margin:0px 0 14px 5px;
       -o-transition:all 0.4s ease-in-out;
       -moz-transition:all 0.4s ease-in-out;
       -webkit-transition:all 0.4s ease-in-out;
       transition:all 0.4s ease-in-out
  }
      #o2-slpt:hover
  {
       background-color:#28A8E0;
       border:4px solid white;
       -o-transition:all 0.4s ease-in-out;
       -moz-transition:all 0.4s ease-in-out;
       -webkit-transition:all 0.4s ease-in-out;
       transition:all 0.4s ease-in-out
  }
      #o2-slpt a:hover,a:visited
  {
       color:#fff;
       text-decoration:none
  }
      #o2-slpf a:hover,a:visited
  {
       color:#fff;
       text-decoration:none
  }
      #o2-stt
  {
       width:287px;
       height:62px;
       border-radius:20px 20px 0 0;
       -webkit-border-radius:20px 20px 0 0;
       -moz-border-radius:20px 20px 0 0;
       -ms-border-radius:20px 20px 0 0;
       -o-border-radius:20px 20px 0 0;
       margin:50px 0 14px 5px;
       background-color:#da6f6d;
       -webkit-box-shadow:0 -5px 10px rgba(0,0,0,0.4),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 -5px 10px rgba(0,0,0,0.4),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 -5px 10px rgba(0,0,0,0.4),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4))
  }
      #o2-stt:after
  {
       content:&#39;&#39;;
       position:absolute;
       width:180px;
       background:rgb(251,251,251);
       height:20px;
       margin:39px 0 0 -92px;
       border-radius:20px 20px 0 0;
       -webkit-border-radius:20px 20px 0 0;
       -moz-border-radius:20px 20px 0 0;
       border-left:4px solid #F3DCDA;
       border-right:4px solid #F3DCDA;
       border-top:4px solid #F3DCDA;
       border-bottom:4px solid #fbfbfb
  }
      #o2-stb
  {
       width:287px;
       height:37px;
       margin:0 0 18px 5px;
       background-color:#da6f6d;
       border:solid 4px #f3dcda;
       background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.4));
       background-image:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.4));
       -webkit-box-shadow:0 5px 10px rgba(0,0,0,.4),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 5px 10px rgba(0,0,0,.4),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 5px 10px rgba(0,0,0,.4),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2)
  }
      #o2-stb:after
  {
       content:&#39;&#39;;
       position:absolute;
       width:180px;
       background:rgb(251,251,251);
       height:20px;
       margin:-5px 0 0 -92px;
       border-radius:0 0 20px 20px;
       -webkit-border-radius:0 0 20px 20px;
       -moz-border-radius:0 0 20px 20px;
       border-left:4px solid #F3DCDA;
       border-right:4px solid #F3DCDA;
       border-bottom:4px solid #F3DCDA;
       border-top:4px solid #fbfbfb
  }
      #o2-stc
  {
       text-align:center;
       background-color:#da6f6d;
       background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4));
       background-image:-moz-linear-gradient(bottom,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4));
       background-image:-o-linear-gradient(bottom,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4));
       background-image:-ms-linear-gradient(bottom,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4));
       background-image:linear-gradient(to top,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.4));
       width:153px;
       padding-top:5px;
       height:37px;
       margin:-27px 0 -13px 73px;
       position:relative;
       border-radius:20px;
       webkit-box-shadow:0 0 7px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 7px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 7px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       border:solid 4px #f3dcda;
       font-size:25px;
       font-family:&#39;ubuntu&#39; arial;
       color:#fafafa;
       z-index:1
  }
  .o2-et
  {
       border-color:transparent transparent #F3DCDA;
       border-style:solid;
       border-width:0 32px 57px;
       float:left;
       margin:-7px 0 0px 50px
  }
  .o2-et:after
  {
       content:&#39;&#39;;
       position:absolute;
       width:0;
       height:0;
       border-top:0;
       border-right:34px solid transparent;
       border-bottom:59px solid #DA7472;
       border-left:34px solid transparent;
       margin:9px 0 0 -34px
  }
  .main .Blog
  {
       border-bottom-width:0
  }
  .main .widget
  {
       padding:0
  }
  .profile-img
  {
       float:$startSide;
       margin-top:0;
       margin-$endSide:5px;
       margin-bottom:5px;
       margin-$startSide:0;
       padding:4px;
       border:1px solid $bordercolor
  }
  .profile-data
  {
       margin:0;
       text-transform:uppercase;
       letter-spacing:.1em;
       font:$postfooterfont;
       color:$sidebarcolor;
       font-weight:bold;
       line-height:1.6em
  }
  .profile-datablock
  {
       margin:.5em 0 .5em
  }
  .profile-textblock
  {
       margin:0.5em 0;
       line-height:1.6em
  }
  .profile-link
  {
       font:$postfooterfont;
       text-transform:uppercase;
       letter-spacing:.1em
  }
      #footer-wrapper
  {
        width:1024px;
        margin:0 auto;
        padding:0;
        text-align:$startSide;
        font:$bodyfont
  }
      #o2-fw
  {
        width:87.9%;
        margin:0 0 0 4.6%;
        height:377px;
        float:left;
        -webkit-border-radius:20px 20px 0 0;
        -moz-border-radius:20px 20px 0 0;
        border-radius:20px 20px 0 0;
        background-color:rgba(255,255,255,.45);
        -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
        -moz-box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35);
        box-shadow:1px 1px 4px rgba(0,0,0,.35),inset 0 0 4px rgba(0,0,0,.35)
  }
      #o2-fc
  {
        width:492px;
        padding:11px 0 0 0;
        height:95px;
        margin:267px 0 0 375px;
        text-align:center;
        position:relative;
        font-size:14px;
        z-index:1;
        color:#fbfbfb;
        font-family:&#39;ubuntu&#39; arial;
        webkit-border-radius:20px 20px 0 0;
        -moz-border-radius:20px 20px 0 0;
        border-radius:0 20px 00px 0;
        background-color:#da6f6d;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 -9px 10px rgba(0,0,0,.35),inset 0 -8px 8px rgba(0,0,0,0);
        -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 -9px 10px rgba(0,0,0,.35),inset 0 -8px 8px rgba(0,0,0,0);
        box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 -9px 10px rgba(0,0,0,.35),inset 0 -8px 8px rgba(0,0,0,0);
        border:solid 4px #f3dcda;
        border-bottom:0;
        background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4))
  }
      #o2-fc:after
  {
        content:&#39;&#39;;
        width:189px;
        height:56px;
        border-radius:0 20px 0 0;
        position:absolute;
        background-color:#fbfbfb;
        background-image:url(&#39;http://i1371.photobucket.com/albums/ag317/Melvin_Alfatur_Farhan/o2-imgs_zpsdef9af3d.png&#39;);
        background-position:351px -828px;
        margin:20px 0 0 0;
        left:-4px;
        border:4px solid rgb(243,220,218);
        border-bottom:0;
        border-left:4px solid transparent
  }
      #o2-fl
  {
        width:322px;
        height:351px;
        position:absolute;
        webkit-border-radius:20px 20px 0 0;
        -moz-border-radius:20px 20px 0 0;
        border-radius:20px 20px 0 0;
        background-color:#da6f6d;
        z-index:1;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
        border:solid 4px #f3dcda;
        border-bottom:0;
        background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        background-image:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.4));
        margin:22px 0 0 24px;
        background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4))
  }
      #o2-fli
  {
        background-image:url(&#39;http://i1371.photobucket.com/albums/ag317/Melvin_Alfatur_Farhan/o2-imgs_zpsdef9af3d.png&#39;);
        background-position:447px -517px;
        width:287px;
        height:367px;
        margin:11px 0 0 -168px;
        position:absolute
  }
      #o2-fl:after
  {
        content:&#39;&#39;;
        height:56px;
        width:65px;
        border-radius:20px 0 0 0;
        background-color:#fbfbfb;
        border:4px solid rgb(243,220,218);
        border-bottom:0;
        border-right:4px solid transparent;
        position:absolute;
        margin:220px 0 0 92px;
        background-image:url(&#39;http://i1371.photobucket.com/albums/ag317/Melvin_Alfatur_Farhan/o2-imgs_zpsdef9af3d.png&#39;);
       background-position:442px -828px;
       background-color:#fbfbfb
  }
      #o2-flt
  {
       width:240px;
       padding:6px 0 0 0;
       font-size:23px;
       font-weight:bold;
       text-shadow:0 0 5px rgba(218,111,109,.75);
       color:#da6f6d;
       font-family:&#39;ubuntu&#39; arial;
       height:34px;
       background:#fbfbfb;
       text-align:center;
       border-radius:20px;
       border:4px solid rgb(243,220,218);
       margin:24px auto 0 auto;
       -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
       box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2)
  }
      .o2-lfl
  {
       width:290px;
       height:auto;
       margin:3px 0 0 0;
       position:absolute;
       font-family:&#39;ubuntu&#39; arial;
       font-size:16px;
       text-align:left;
       color:#fbfbfb
  }
      .o2-lfl a:link, o2-lfl a:visited
  {
      text-decoration:none;
      color:#fbfbfb;
  }
      .o2-lfl a:hover
  {
      text-decoration:underline;
  }
      #o2-ojh1
  {
      width:32px;
      position:absolute;
      height:56px;
      border:4px solid rgb(243,220,218);
      border-bottom:0;
      margin:317px 0 0 800px;
      z-index:2;
      background:#fbfbfb;
      border-radius:20px 20px 0 0
  }
      #o2-ojh2
  {
      width:32px;
      position:absolute;
      height:56px;
      border:4px solid rgb(243,220,218);
      border-bottom:0;
      margin:317px 0 0 733px;
      z-index:2;
      background:#fbfbfb;
      border-radius:20px 20px 0 0
  }
      #o2-ojh3
  {
      width:32px;
      position:absolute;
      height:56px;
      border:4px solid rgb(243,220,218);
      border-bottom:0;
      margin:317px 0 0 667px;
      z-index:2;
      background:#fbfbfb;
      border-radius:20px 20px 0 0
  }
      #o2-ojh4
  {
      width:32px;
      position:absolute;
      height:56px;
      border:4px solid rgb(243,220,218);
      border-bottom:0;
      margin:317px 0 0 600px;
      z-index:2;
      background:#fbfbfb;
      border-radius:20px 20px 0 0
  }
      #o2-fas1
  {
       width:27px;
       height:142px;
       margin:121px 80px 0 0;
       float:right;
       -webkit-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       -moz-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       box-shadow:0 -4px 5px rgba(0,0,0,.45);
       background-image:-webkit-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-moz-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-o-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-ms-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:linear-gradient(to top,#da6f6d 1%,#e59998);
       position:relative;
       border:4px solid rgb(243,220,218);
       z-index:2;
       border-bottom:4px solid #da6f6d;
       border-radius:20px 20px 0 0
  }
      #o2-fas2
  {
       width:27px;
       height:117px;
       float:right;
       margin:146px 25px 0 0;
       -webkit-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       -moz-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       box-shadow:0 -4px 5px rgba(0,0,0,.45);
       background-image:-webkit-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-moz-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-o-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-ms-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:linear-gradient(to top,#da6f6d 1%,#e59998);
       position:relative;
       border:4px solid rgb(243,220,218);
       z-index:2;
       border-bottom:4px solid #da6f6d;
       border-radius:20px 20px 0 0
  }
      #o2-fas3
  {
       width:27px;
       height:92px;
       margin:171px 25px 0 0;
       float:right;
       -webkit-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       -moz-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       box-shadow:0 -4px 5px rgba(0,0,0,.45);
       background-image:-webkit-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-moz-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-o-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-ms-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:linear-gradient(to top,#da6f6d 1%,#e59998);
       position:relative;
       border:4px solid rgb(243,220,218);
       z-index:2;
       border-bottom:4px solid #da6f6d;
       border-radius:20px 20px 0 0
  }
      #o2-fas4
  {
       width:27px;
       height:67px;
       margin:196px 25px 0 0;
       float:right;
       -webkit-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       -moz-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       box-shadow:0 -4px 5px rgba(0,0,0,.45);
       background-image:-webkit-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-moz-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-o-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-ms-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:linear-gradient(to top,#da6f6d 1%,#e59998);
       position:relative;
       border:4px solid rgb(243,220,218);
       z-index:2;
       border-bottom:4px solid #da6f6d;
       border-radius:20px 20px 0 0
  }
      #o2-fas5
  {
       width:27px;
       height:42px;
       margin:221px 25px 0 0;
       float:right;
       -webkit-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       -moz-box-shadow:0 -4px 5px rgba(0,0,0,.45);
       box-shadow:0 -4px 5px rgba(0,0,0,.45);
       background-image:-webkit-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-moz-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-o-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:-ms-linear-gradient(bottom,#da6f6d 1%,#e59998);
       background-image:linear-gradient(to top,#da6f6d 1%,#e59998);
       position:relative;
       border:4px solid rgb(243,220,218);
       z-index:2;
       border-bottom:4px solid #da6f6d;
       border-radius:20px 20px 0 0
  }
      img
  {
      max-width:100%;
      height:auto;
      width:auto\9
  }
      #o2-playlist
  {
      width:400px;
      height:394px;
      position:fixed;
      bottom:-390px;
      right:40px;
      overflow:hidden;
      margin:0 0 0 4px;
      -webkit-border-radius:20px 20px 0 0;
      -moz-border-radius:20px 20px 0 0;
      border-radius:20px 20px 0 0;
      background-color:transparent;
      -webkit-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
      -moz-box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
      box-shadow:0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 8px rgba(0,0,0,.2);
      border:solid 4px rgba(255,255,255,0.5);
      z-index:3;
      -o-transition:all 1s ease-in-out;
      -moz-transition:all 1s ease-in-out;
      -webkit-transition:all 1s ease-in-out;
      transition:all 1s ease-in-out
  }
      #o2-playlist:hover
  {
      bottom:-6px;
      -o-transition:all 1s ease-in-out;
      -moz-transition:all 1s ease-in-out;
      -webkit-transition:all 1s ease-in-out;
      transition:all 1s ease-in-out
  }